.parent-view{
	flex: 1;
	display: flex;
	flex-direction: column;
	height: 100vh;
	background-color: #FFFFFF;
}
.tree-top-tip-view{
	width: 100%;
	height: 110rpx;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 20;
}
.tree-top-hongbao-view{
	width: 100%;
	height: 200rpx;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 20;
}
.tree-top-tip-bg{
	width: 100%;
	height: 110rpx;
}
.tree-top-hongbao-bg{
	width: 100%;
	height: 200rpx;
}
.tree-top-tip-txt{
	width: 100rpx;
	height: 44rpx;
	background: rgba(0,0,0,0.1);
	border-radius: 22rpx;
	margin-top: 33rpx;
	position: absolute;
	right: 10rpx;
	font-size: 20rpx;
	color: #FFFFFF;
	line-height: 44rpx;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.tree-movable-area{
	z-index: 10;
	background-color: #F5F6FA;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}
.tree-movable-view{
	flex-direction: column;
}
.look-more{
	width: 100%;
	height: 80rpx;
	background: #FF4206;
	display: flex;
	flex-direction: row;
	z-index: 11;
	font-size: 30rpx;
	flex: 1;
}
.look-more-txt{
	color:#FFFFFF;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	width: 750rpx;
}
.tree-cepu-area{
	z-index: 10;
	background-color: #F5F6FA;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
}
.tree-cepu-desc{
	font-size: 32rpx;
	line-height: 32rpx;
	margin-top: 30rpx;
	margin-left: 30rpx;
	font-family: PingFang SC;
	font-weight: bold;
	color: #000000;
}
.scroll-view-parent{
	height: 408rpx;
	width: 100%;
	display: flex;
	overflow:hidden;
	white-space:nowrap;
	margin-top: 50rpx;
	box-sizing: border-box;
}
.cepu-list{
	height: 408rpx;
	width: 100%;
	display: flex;
	box-sizing: border-box;
	flex-direction: row;
}
.cepu-item{
	width: 300rpx;
	height: 408rpx;
	display: inline-block
}
.cepu-image{
	width: 300rpx;
	height: 408rpx;
}
.cepu-look-more{
	width: 100%;
	font-weight: 26rpx;
	font-size: 26rpx;
	color: #cccccc;
	text-align: center;
	display: flex;
	margin-top: 50rpx;
	justify-content: center;
	align-items: center;
}
.bottom-view{
	height: 270rpx;
	width: 100%;
	bottom: 0;
	left: 0;
	position: fixed;
	display: flex;
	flex-direction: column;
	z-index: 20;
}
.yaoqing-txt{
	width: 140rpx;
	height: 50rpx;
	padding: 0;
	background: #08C161;
	border-radius: 25rpx;
	font-size: 26rpx;
	line-height: 26rpx;
	font-weight: 600;
	color: #FFFFFF;
	justify-content: center;
	align-items: center;
	display: flex;
	margin-left: 6rpx;
	text-align: center;
	z-index: 100;
	box-shadow: 0px 4px 6px 1px rgba(5, 1, 1, 0.18);
}
.yinshua-txt{
	width: 140rpx;
	height: 50rpx;
	padding: 0;
	background: rgba(255, 66, 6, 1);
	border-radius: 25rpx;
	font-size: 26rpx;
	line-height: 26rpx;
	font-weight: 600;
	color: #FFFFFF;
	justify-content: center;
	align-items: center;
	display: flex;
	left: 0;
	text-align: center;
	margin-top: 7rpx;
	z-index: 100;
	margin-left:6rpx;
	box-shadow: 0px 4px 6px 1px rgba(5, 1, 1, 0.18);
}
.manager-txt{
	width: 140rpx;
	height: 50rpx;
	padding: 0;
	background: rgba(255, 66, 6, 1);
	border-radius: 25rpx;
	font-size: 26rpx;
	line-height: 26rpx;
	font-weight: 600;
	color: #FFFFFF;
	justify-content: center;
	align-items: center;
	display: flex;
	text-align: center;
	margin-top: 7rpx;
	z-index: 100;
	margin-left:6rpx;
	box-shadow: 0px 4px 6px 1px rgba(5, 1, 1, 0.18);
}
.number-people-view{
	width: 100%;
	display: flex;
	flex-direction: row;
	margin-top: 11rpx;
}
.number-people-txt{
	font-size: 20rpx;
	line-height:20rpx ;
	color: #B8B8B8;
	margin-left: 10rpx;
	display: flex;
}
.tree-refrash{
	width: 33rpx;
	height: 32rpx;
	position: absolute;
	right: 0;
	margin-right: 20rpx;
	margin-top: -20rpx;
}
.tree-hongbao{
	width: 26rpx;
	height: 32rpx;
	position: absolute;
	right: 0;
	margin-right: 73rpx;
	margin-top: -20rpx;
}
.tree-bottom-navigation{
	width: 100%;
	display: flex;
	position: absolute;
	bottom: 0;
	padding-top: 20rpx;
	padding-bottom: 20rpx;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	background-color: #FFFFFF;
}

.tree-bottom-navigation-item{
	display: flex;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	flex-direction: column;
}

.navigation-text{
	font-size: 34rpx;
	line-height: 34rpx;
	font-weight: bold;
	color: #FF4206;
	display: flex;
}
.navigation-line{
	width: 40rpx;
	height: 4rpx;
	background: #FF4206;
	border-radius: 2rpx;
	margin-top: 10rpx;
	display: flex;
}
